<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<!--
			width:200px;height:18px;text-overflow:ellipsis;
			overflow:hidden;white-space:nowrap;
			 normal | pre | nowrap | pre-wrap | pre-line | inheritnormal: 
		-->
		<!--
			text-overflow : clip | ellipsis　　
			参数：　　clip : 　不显示省略标记（...），而是简单的裁切　　（clip这个参数是不常用的！）　　
			ellipsis : 　当对象内文本溢出时显示省略标记（...）
		-->
		<dir style="border: 1px solid red; width: 100px; height: auto;
			overflow:hidden;
			word-wrap:break-word;word-break:break-all;">
			sssssssssssssssssssssssssssssssssssssssssssss
			
		</dir>
		<dd style="border: 1px solid red;
			width:200px;height:18px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;">文字内容</dd>
	</body>
</html>
